<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui" >
<ui:composition template="template/layout.xhtml" xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:param name="pageHeaderTitle" value="#{msg['paid.clinic']}" />
<ui:define name="top_bar">
</ui:define>
<ui:define name="content">
<h2 style="text-align: center">#{msg['paid.clinic']}</h2>
				<h:form>										
						<p:selectOneMenu styleClass="langSelect" style="margin-left: 840px; width: 100px" value="#{localeBean.localeString}">
							<p:ajax event="change" listener="#{localeBean.localeChange}" update="@all" />
							<f:selectItems value="#{localeBean.countries}" />											
						</p:selectOneMenu>					
				</h:form>							
				<h:form id="loginForm" styleClass="form_login">
					<h:panelGrid columns="2" cellpadding="4" styleClass="loginGrid" columnClasses="loginGridColumn1, loginGridColumn2">
						<h:panelGroup>
						<p:outputLabel value="#{msg['login']}:" for="name" />
						<br />
						<p:inputText id="name" value="#{loginBean.user.name}" maxlength="30" />
						</h:panelGroup>
						<h:panelGroup>
						<br />
						<p:message for="name"/>
						</h:panelGroup>
						<h:panelGroup>
						<p:outputLabel value="#{msg['password']}:" for="password" maxlength="30"/>
						<br />
						<p:password id="password" value="#{loginBean.user.pass}" />
						</h:panelGroup>
						<h:panelGroup>
						<br />
						<p:message for="password"/>
						</h:panelGroup>						
					</h:panelGrid>
					<br />
					<p:commandButton value="#{msg['login']}" action="#{loginBean.login()}" ajax="false"/>
					<br />
					<br />
					<div id="infoMiddleLogin" style="width: 260px; margin: 0 auto">
						<p:message id="loginError" for="loginError"/>
					</div>
				</h:form>	
</ui:define> 
<ui:define name="footer">
</ui:define>
</ui:composition>
</html>